<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
</head>
<body>
    <!-- 我是课程详情训练界面 -->
 <div class="courdescription_header">
      <div  onclick="history.go(-1)" >&lt;</div>
        <span class="playcourse iconfont icon-kaishi" id="event"></span>
     <video id="video" autoplay muted>
  
    </video>
 </div>
 
    
  <!-- 这是尾部的开始训练区域的开始 -->
 <div class="courdescription_bottom">
    <div class="coursexunlian_header"> 
        <h2 id="title">巧克力腹肌雕刻</h2>
        <p class="coursexunlian_header_p1">
        <span class="span1" id="caluli">45</span>
        <span class="span2">千卡</span>
        <span class="span3"  id="time">15</span>
        <span class="span4">分钟</span>
        <span class="span5">99.99w人练过&gt;</span>
    </p>
    </div>
   <!-- 这是用户信息区域的开始 -->
     <a class="user-info">

        <i class="portrait"></i>
        <div class="info_font">
            <p class="p1">用户名</p>
            <p class="p2">三线达人课程设计师</p>
        </div>
        <span class="attention">
            +关注
        </span>
        <p class="info2">15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足！型男必备!  ... <span>更多</span></p>

        <ul class="ul1">
            <li class="li1">
                
                <p> <i class=" iconfont icon-shuju"></i>练习频次</p>
                <p class="p_icons1">每周三到五次</p>
            </li>
            <li class="li2">
                
                <p> <i class="iconfont icon-shuju"></i>器械</p>
                <p class="p_icons2">无</p>
            </li>
        </ul>
     </a>
    <div class="footer" id="footer">
        开始训练
    </div>

</div>
 
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>
</html>